*{padding: 0;margin:0; border:0}
a{ text-decoration: none; color:#585858;}
li{ list-style: none}
input{
    display: block;
    border:none;
    background: none;
}
.clear{clear: both;}
.hide{display: none}
.w440{
    width: 440px;
}
.w270{
    width: 270px;
}
body{  width:100%;font-family: "Microsoft Yahei";font-size: 14px;color:#585858;}
.header{
    width: 100%;
    height: auto;
}
.header .header-top{
    height: 30px;
    line-height: 30px;
    border-bottom:1px solid #b5b5b5;
}
.header .header-top .container{
    width: 1200px;
    margin: 0 auto;
}
.header .header-top .container p{
    width: 350px;
    float: left;
}
.header .header-top .container .top-nav{
    width: 150px;
    float: right;
}
.header .header-c{
    width: 1200px;
    height: 116px;
    margin: 0 auto;
}
.header .header-c .logo{
    width: 130px;
    height: 116px;
    float: left;
}

.header .header-c .tel{
    width:250px;
    height: 60px;
    background: url("../images/tel.jpg") no-repeat left center;
    float: right;
    text-indent: 60px;
    margin-top: 25px;
}
.header .header-c .tel p{
    height:25px;
    line-height: 25px;
    font-size:14px;
    font-weight: 500;
}
.header .header-c .tel h2{
    font-size:24px;
    color: #333333;
}
.header .nav{
    height: 50px;
    line-height: 50px;
    background-color: #dc0916;
	padding:0 0 0 195px;
}
.header .nav ul{
    width: 1200px;
    margin: 0 auto;
    color:#000000;
    font-size: 18px;
}

.header .nav ul li{
    width:150px;
    text-align: center;
    float: left;
}
.header .nav ul li a{
    color:#FFFFFF;
    font-size: 16px;
}
.header .nav ul li:last-child{
    background: none;
}
#swiper-container{
    width: 100%;
    height: 500px;
}
#swiper-container .swiper-slide img{
    display: block;
    width: 100%;
    height: 500px;
}
.search{
    width: 100%;
    height: 50px;
	
}
.search .container{
    width: 1200px;
    height: 50px;
    margin: 0 auto;
}
.search .hot{
    width: 600px;
    float: left;
    line-height: 50px;
    font-size: 14px;
}
.search .hot span{
    color:#dc0916;
    font-weight: bold;
}
.search .hot a{
    padding: 0 5px;
}
.search .form{
    width: 275px;
    height: 30px;
    margin-top: 10px;
    float: right;
}
#keyword{
    width: 217px;
    height: 30px;
    float: left;
    outline: none;
    padding-left: 15px;
    border:1px solid #acacac;
}
#btn{
    width: 41px;
    height: 32px;
    background: url("../images/search.jpg") no-repeat left center;
    float: right;
}
.kh{
    width: 100%;
    height: auto;
    background-color: #f8f8f8;
    padding: 20px 0;
}
.kh .container{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.kh .dh{
    text-align: center;
}
.kh .dh h2{
    font-size: 30px;
    color:#333333;
}
.kh .dh p{
    font-size: 18px;
    color:#cacbcc;
    line-height: 35px;
    font-weight: bold;
}
.kh ul{
    width: 1200px;
    height: auto;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.kh ul li{
    width: 183px;
    height: 90px;
    border:1px solid #cccccc;
    margin-bottom: 10px;
}

.product{
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 10px;
}
.product .container{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.product .tabs{
    height:235px;
    height: auto;
    float: left;
}
.product .tabs .tit{
    width: 233px;
    height:94px;
    border:1px solid #bbbbbb;
}
.product .tabs .tit img{
    display: block;
    width: 233px;
    height: 94px;
}
.product .tabs .wrap{
    width: 231px;
    height: auto;
    border:2px solid #e5e5e5 ;
}
.product .tabs .wrap .box{
    width: 231px;
    height: auto;
    margin: 10px auto;
}
.product .tabs .wrap .box h2{
    width: 201px;
    height: 35px;
    background:#dc0916 url("../images/up.png") no-repeat right 25px center;
    line-height: 35px;
    font-size: 14px;
    color:#FFFFFF;
    font-weight: 500;
    padding-left: 30px;
    cursor: pointer;
}
.product .tabs .wrap .box.on h2{
    background:#dc0916 url("../images/down.png") no-repeat right 25px center;
}
.product .tabs .wrap .box ul{
    width: 205px;
    margin: 0 auto;
}
.product .tabs .wrap .box ul li{
    height: 45px;
    line-height: 45px;
    border-bottom:1px dashed #c9c9c9;
    padding-left: 15px;
}

.product .product-right{
    width:940px;
    height: auto;
    float: right;
}

.product .product-right .tit{
    width: 940px;
    height: 50px;
    background-color: #333333;
    line-height: 50px;
}
.product .product-right .tit h2{
    width: 150px;
    background-color: #dc0916;
    text-align: center;
    font-size: 18px;
    color:#FFFFFF;
    font-weight: 500;
    float: left;
}

.product .product-right .tit a{
    display: block;
    width: 95px;
    float: right;
    font-size: 18px;
    text-align: center;
    color:#FFFFFF;
}
.product .product-list{
    width: 940px;
    height: auto;
    margin-top: 20px;
}
.product .product-list ul{
    display: flex;
    flex-wrap: wrap;
}
.product .product-list ul li{
    width: 300px;
    height: 290px;
}
.product .product-list ul li .thumb{
    width:298px;
    height: 230px;
    border:1px solid #cccccc;
    overflow: hidden;
}
.product .product-list ul li .thumb img{
    display: block;
    width: 298px;
    height: 230px;
    transition: all 1.2s;
}
.product .product-list ul li .thumb img:hover{
    transform: scale(1.2);
}
.product .product-list ul li p{
    height: 115px;
    line-height: 25px;
    text-align: center;
    padding: 10px 0;
}
.product .product-list ul li .more{
    width: 90px;
    height: 30px;
    background-color: #53a7e0;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.product .product-list ul li .more a{
    color:#FFFFFF;
    font-size: 18px;
}
.liyou{
    width: 100%;
    height: auto;
    background: url("../images/bg01.jpg") no-repeat 50% 0;
    padding: 35px 0 240px 0;
}
.liyou .container{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.liyou .container .dh{
    height: 140px;
}
.liyou .container .dh h2{
    font-size: 48px;
    color:#afafaf;
}
.liyou .container .dh p{
    font-size: 30px;
    color:#141414;
}
#wrap{
    width: 1200px;
    height: 465px;
}
#wrap .tabs{
    width: 400px;
    height: auto;
    float: left;
}
#wrap .tabs .box{
    width: 200px;
    height: 227px;
    float: left;
    background-color: #FFFFFF;
    cursor: pointer;
}
#wrap .tabs .box:nth-child(1){
    width: 198px;
    height: 225px;
    border:1px solid #a7a7a7;
}
#wrap .tabs .box:nth-child(2){
    width: 200px;
    height: 225px;
    border-top:1px solid #a7a7a7;
    border-bottom:1px solid #a7a7a7;
}
#wrap .tabs .box:nth-child(3){
    width: 198px;
    height: 225px;
    border:1px solid #a7a7a7;
    margin-top: 10px;
}
#wrap .tabs .box:nth-child(4){
    width: 200px;
    height: 225px;
    border-top:1px solid #a7a7a7;
    border-bottom:1px solid #a7a7a7;
    margin-top: 10px;
}
#wrap .tabs .box h2{
    width: 100px;
    height: 145px;
    line-height: 145px;
    text-align: center;
    margin: 0 auto;
    font-size: 60px;
    color:#a7a7a7;
    border-bottom:2px solid #a7a7a7;
}
#wrap .tabs .box p{
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    color:#a7a7a7;
}
#wrap .tabs .box.on{
    background-color: #dc0916;
}
#wrap .tabs .box.on h2{
    color:#FFFFFF;
    border-bottom:2px solid #FFFFFF;
}
#wrap .tabs .box.on p{
    color:#FFFFFF;
}
#wrap .tabbox{
    width: 800px;
    height: 465px;
    float: right;
}
#wrap .tabbox .tab_box{
    position: relative;
}
#wrap .tabbox .tab_box .thumb{
    width: 800px;
    height: 465px;
}
#wrap .tabbox .tab_box .info{
    width: 800px;
    height: 135px;
    background-color: #dc0916;
    position: absolute;
    left:0;
    bottom:0;
}
#wrap .tabbox .tab_box .info P{
    width: 420PX;
    height: 110px;
    float: left;
    padding-left: 50px;
    font-size: 18px;
    color:#FFFFFF;
    line-height: 40px;
}
#wrap .tabbox .tab_box .info a{
    display: block;
    width: 160px;
    height: 135px;
    float: right;
    text-align: center;
    line-height: 135px;
}
.ys{
    width: 100%;
    height: auto;
    background: url("../images/bg03.jpg") repeat;
    padding-top: 25px;
    margin-top: -10px;
}
.ys .tit{
    width: 1200px;
    height: 90px;
    margin: 0 auto;
}
.ys .top{
    width: 100%;
    height: auto;
    background: url("../images/ys.jpg") no-repeat right -300px center;
    padding-bottom: 25px;
}
.ys .container{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.ys .box{
    width: 540px;
    height: 200px;
}
.ys .box .title{
    width: 540px;
    height: 110px;
    background: url("../images/line.jpg") no-repeat left bottom;
}
.ys .box .title span{
    display: block;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #333333;
    text-align: center;
    line-height: 60px;
    margin-top: 25px;
    font-size: 40px;
    font-weight: bold;
    color:#FFFFFF;
    float: left;
}
.ys .box .title h2{
    float: left;
    line-height: 110px;
    font-size: 30px;
    color:#dc0916;
    margin-left: 20px;
}
.ys .box .text{
    padding: 10px 0;
}
.ys .box .text p{
    font-size: 14px;
    line-height:30px;
}
.ys .bottom{
    width: 100%;
    height: auto;
    background: url("../images/bg06.jpg") no-repeat 50% 0;
    padding: 30px 0;
}
.ys .bottom img{
    display: block;
    width: 456px;
    height: 458px;
    float: left;
}
.ys .bottom .b-r{
    width: 560px;
    height: auto;
    float: right;
}
.al{
    width: 100%;
    height: auto;
    background: url("../images/bg07.jpg") no-repeat 50% 0;
    padding: 35px 0;
}

.al .dh{
    width: 1200px;
    height: 85px;
    background: url("../images/dh-bg.png") no-repeat top center;
    margin: 0 auto;
}
.al .dh h2{
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color:#1f1f1f
}
.al .dh p{
    text-align: center;
    color:#686868;
    font-size: 18px;
}
.al .container{
    width: 1200px;
    height: auto;
    margin: 25px auto;
}
.al .container .tab{
    width: 230px;
    height: auto;
    float: left;
}
.al .container .tab a{
    display: block;
    width: 210px;
    height: 68px;
    background-color: #c0c0c0;
    text-align: center;
    line-height: 68px;
    color:#606060;
    font-size: 24px;
    margin-bottom: 8px;
}
.al .container .tab a.on{
    width: 223px;
    height: 68px;
    line-height: 68px;
    background: url("../images/a-bg.jpg") no-repeat left center;
    color:#ffffff;
}
.al .container .tabbox{
    width: 970px;
    height: 520px;
    float: right;
    box-shadow: 0 5px 10px #959595;
}
.al .container .tabbox .tab_box .bigimg{
    width: 698px;
    height: 518px;
    float: left;
    border:1px solid #dc0916;
    overflow: hidden;
}
.al .container .tabbox .tab_box .bigimg img{
    display: block;
    width: 698px;
    height: 518px;
    transition: all 1s;
}
.al .container .tabbox .tab_box .bigimg img:hover{
    transform: scale(1.3);
}
.al .container .tabbox .tab_box .tab_box_r{
    width: 265px;
    height: auto;
    float: right;
}
.al .container .tabbox .tab_box .tab_box_r ul li{
    width: 265px;
    height: 200px;
    overflow: hidden;
}
.al .container .tabbox .tab_box .tab_box_r ul li img{
    display: block;
    width: 265px;
    height: 200px;
    transition: all 0.8s;
}
.al .container .tabbox .tab_box .tab_box_r ul li img:hover{
    transform: scale(1.2);
}
.al .container .tabbox .tab_box .tab_box_r ul li:last-child{
    margin-top: 20px;
}

.al .container .tabbox .tab_box .tab_box_r .more{
    display: block;
    width: 100px;
    height: 35px;
    background-color: #dc0916;
    text-align: center;
    line-height: 35px;
    color:#ffffff;
    font-size: 15px;
    margin: 20px auto;
}
.kehu{
    width: 100%;
    height: auto;
    background: url("../images/bg04.jpg") repeat;
    padding: 20px 0 40px 0;
}
.kehu .container{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.kehu .dh{
    width: 1200px;
    height: 85px;
    background: url("../images/dh-bg.png") no-repeat top center;
    margin: 0 auto;
}
.kehu .dh h2{
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color:#1f1f1f
}
.kehu .dh p{
    text-align: center;
    color:#686868;
    font-size: 18px;
}
.kehu .wrap{
    width: 1200px;
    margin-top: 35px;
}
#swiper-container1{
    width: 1200px;
    height: 380px;
}
#swiper-container1 .swiper-slide{
    width: 260px;
    height: 380px;
    background-color: #FFFFFF;
}
#swiper-container1 .swiper-slide img{
    display: block;
    width: 190px;
    height: 190px;
    margin: 10px auto;
}
#swiper-container1 .swiper-slide h2{
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    color:#585858;
}
#swiper-container1 .swiper-slide p{
    width: 190px;
    height: 90px;
    margin: 0 auto;
    text-align: center;
    color:#b5b5b5;
    line-height: 25px;
}
#swiper-container1 .swiper-slide span{
    display: block;
    width: 130px;
    height: 40px;
    margin: 0 auto;
    border:1px solid #b5b5b5;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.about{
    width: 1200px;
    height: auto;
    margin: 25px auto 0 auto;
    padding-bottom: 40px;
    border-bottom:1px solid #7d7d7d;
}
.about .dh{
    width: 1200px;
    height: 85px;
    background:url("../images/dh-bg.png") no-repeat top center;
}
.about .dh h2{
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color:#1f1f1f
}
.about .dh p{
    text-align: center;
    color:#686868;
    font-size: 18px;
}
.about .aboutas{
    width: 500px;
    float: left;
    margin-top: 30px;
}
.about .aboutas .tit{
    width: 500px;
    height: 100px;
}
.about .aboutas .tit h2{
    font-size: 45px;
    color:#dc0916;
}
.about .aboutas .tit p{
    font-size: 18px;
    color:#545454;
}
.about .aboutas .text p{
    line-height: 25px;
    text-indent: 2em;
}
.about .aboutas a{
    display: block;
    width: 175px;
    height: 45px;
    background-color: #dc0916;
    text-align: center;
    line-height: 45px;
    color:#FFFFFF;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-top: 25px;
}
.about .img{
    width: 555px;
    height: 375px;
    float: right;
}
.news{
    width: 100%;
    height: auto;
    background-color: #f6f6f6;
    padding-bottom: 15px;
}
.news .container{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news .container .box{
    width: 370px;
    height: auto;
}
.news .container .box .dh{
    width: 370px;
    height: 90px;
    line-height: 90px;
}
.news .container .box .dh h2{
    width:185px;
    height: 90px;
    float: left;
    background: url("../images/icon.jpg") no-repeat left center;
    font-size: 24px;
    color:#616161;
    text-indent: 15px;
}

.news .container .box .dh h2 span{
    font-size: 18px;
    font-weight: 500;
    color:#949494;
}
.news .container .box .dh p{
    width: 70px;
    float: right;
    font-size: 18px;
}
.news .container .box ul li{
    width: 365px;
    height: 45px;
    line-height: 45px;
    background: url("../images/icon_01.png") no-repeat left 10px center;
    text-indent: 30px;
}
.news .container .wt ul li{
    width: 370px;
    height:90px;
    border-top:1px dashed #7c7c7c;
    padding: 15px 0;
    background: none;
}
.news .container .wt ul li h2{
    height: 35px;
    line-height: 35px;
    background: url("../images/q.jpg") no-repeat left center;
    font-size: 14px;
    font-weight: 500;
    color:#dc0916;
    text-indent: 25px;
}
.news .container .wt ul li p{
    line-height: 25px;
    background: url("../images/a.jpg") no-repeat left top 5px;
    padding-left: 25px;
    text-indent: 0;
    color:#737272
}
.flink{
    width: 1200px;
    height: auto;
    margin: 25px auto;
}
.flink img{
    display: block;
    width: 80px;
    height: 45px;
    float: left;
}
.flink ul{
    width: 1120px;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flink ul li{
    line-height: 45px;
    padding: 0 10px;
}
.footer{
    width: 100%;
    height: auto;
    background-color: #626262;
    padding: 25px 0;
    margin-top: 25px;
}
.footer .container{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.footer .f-nav{
    width: 1200px;
    height: 70px;
    background-color: #FFFFFF;
    line-height: 70px;
    color:#4e4e4e;
    text-align: center;
}
.footer .f-nav a{
    padding: 0 15px;
}
.footer .f-b{
    width: 1110px;
    height: auto;
    margin: 20px auto;
}
.footer .f-b .logo{
    width: 170px;
    height: 225px;
    float: left;
	margin-left: 100px;
}

.footer .f-b .text{
    width: 470px;
    height: auto;
    float: left;
    margin-left: 300px;
    font-size: 16px;
    color:#FFFFFF;
    line-height: 35px;
}
.footer .f-b .wx{
    width: 275px;
    height: auto;
    float: right;
}
/************************产品列表******************/
.pages{
    width: 800px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 25px auto;
}
.pages ul li{
    float: left;
    padding: 5px 10px;
}
.banner{
    width: 100%;
    height: 200px;
    background: url("../images/list-banner.jpg") no-repeat 50% 0;
}
.main{
    width: 1200px;
    height: auto;
    margin: 25px auto;
}
.main-l{
    width: 240px;
    height: auto;
    float: left;
}
.main-l .product_list{
    width: 240px;
    height: auto;
    border:1px solid #dc0916;
}
.main-l .product_list .dh{
    width:240px;
    height: 60px;
    background-color: #dc0916;
    text-align: center;
    line-height: 60px;
}
.main-l .product_list .dh h2{
    font-size: 20px;
    color:#FFFFFF;
}
.main-l .product_list .box{
    width: 220px;
    height: auto;
    padding: 10px 10px;
}
.main-l .product_list .box h2{
    width: 220px;
    height: 45px;
    background-color: #dc0916;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    color:#FFFFFF;
}
.main-l .product_list ul li{
    width:185px;
    height: 40px;
    background: url("../images/cate-dd.png") no-repeat left center;
    background-size: 100% 100%;
    line-height: 40px;
    padding-left: 35px;
}
.main-l .product_list ul li a{
    font-size: 16px;
}
.main-l .xgcp{
    width: 240px;
    height: auto;
    border:1px solid #dc0916;
    margin-top: 15px;
}
.main-l .xgcp h2{
    width: 240px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #dc0916;
    font-size: 18px;
    color:#FFFFFF;
}
.main-l .xgcp ul{
    padding: 10px 10px;
}
.main-l .xgcp ul li{
    width: 220px;
    height: 200px;
}
.main-l .xgcp ul li img{
    display: block;
    width: 220px;
    height: 165px;
}
.main-l .xgcp ul li p{
    text-align: center;
    line-height: 35px;
}
.main-l .lx{
    width: 240px;
    height: auto;
    margin-top: 15px;
    border:1px solid #dc0916;
}
.main-l .lx h2{
    width: 240px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color:#FFFFFF;
    background-color: #dc0916;
    font-size: 18px;
}
.main-l .lx .content{
    padding: 10px 10px;
}
.main-r{
    width: 920px;
    height: auto;
    float: right;
}
.main-r .position{
    width: 920px;
    height: 50px;
    border-bottom:2px solid #dc0916;
}
.main-r .position h2{
    width: 300px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    color:#dc0916;
    border-bottom:2px solid #e94c19;
    float: left;
}
.main-r .position p{
    width: 500px;
    height: 50px;
    float: right;
    line-height: 50px;
    text-align: right;
    margin-right: 10px;
    color:#e94c19;
}
.main-r .product_list{
    width: 920px;
    height: auto;
    border: 1px solid #dc0916;
    margin-top: 20px;
}
.main-r .product_list ul li{
    width: 270px;
    height: 245px;
    background-color: #eeeeee;
    padding: 15px 15px;
    float: left;
    margin: 10px 3px;
}
.main-r .product_list ul li .thumb{
    width: 270px;
    height: 200px;
    overflow: hidden;
}
.main-r .product_list ul li .thumb img{
    display: block;
    width: 270px;
    height: 200px;
    transition: all 1.2s;
}
.main-r .product_list ul li .thumb img:hover{
    transform: scale(1.2);
}
.main-r .product_list ul li p{
    width: 270px;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
/*************************************************8新闻列表****************************/
.news_list{
    width:1000px;
    padding: 20px 20px;
    margin-top: 20px;
}
.news_list ul li{
		margin: 0 5px 0 5px;
}
.news_list ul li .time{
    float: left;
}
.news_list ul li .time h2{
    font-size: 24px;
	text-align: center;
}
.news_list ul li .time p{
    font-size: 18px;
}
.news_list ul li .info{
    width: 750px;
    height: 100px;
}
.news_list ul li .info h2{
    line-height: 40px;
    color:#666666;
}
.news_list ul li .info p{
    line-height: 30px;
}
/******************************88产品页******************************/
#product{
    width: 880px;
    height: auto;
    margin-top: 20px;
    border:1px solid #dc0916;
    padding: 20px 20px;
}
#product .product_top{
    width: 880px;
    height: 310px;
    padding-bottom: 20px;
}
#product .product_top .thumb{
    width: 410px;
    height: 310px;
    float: left;
    overflow: hidden;
    border:1px solid #e94c19;
}
#product .product_top .thumb img{
    display: block;
    width: 410px;
    height: 310px;
    transition: all 1.2s;
}
#product .product_top .thumb img:hover{
    transform: scale(1.2);
}
#product .product_top .product_info{
    width: 450px;
    height: auto;
    float: right;
}
#product .product_top .product_info h2{
    width: 300px;
    height: 50px;
    border-bottom:1px dashed #c9c9c9;
    text-align: center;
    line-height: 50px;
    color:#dc0916;
}
#product .product_top .product_info p{
    padding: 15px 0;
    font-size: 16px;
    line-height: 30px;
}
#product .product_tab{
    width: 880px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#product .product_tab a{
    width: 220px;
    height: 40px;
    background-color: #f0f0f0;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
}
#product .product_tab a.on{
    background-color: #dc0916;
    color:#FFFFFF;
}
#product .body{
    width: 860px;
    height: auto;
    padding: 20px 10px;
}
/*************************************文章页**************************/
#article{
    width:880px;
    height: auto;
    border:1px solid #dc0916;
    margin-top: 20px;
    padding: 20px 20px;
}
#article .title{
    width: 880px;
    height: 100px;
    text-align: center;
    border-bottom:1px dashed #e94c19;
}
#article .title h1{
    font-size: 24px;
    font-weight: 500;
    line-height: 60px;
}
#article .title p{
    font-size: 14px;
    color:#999999;
}
#article .title p span{
    padding: 0 10px;
}
#article .body{
    padding: 20px 0;
    line-height: 30px;
    font-size: 14px;
}
#article .body p{
    margin: 15px 0;
}
#article .body .prenext{
    width: 500px;
    height: 50px;
    margin: 40px auto;
    font-size: 16px;
    line-height: 50px;
    text-align: right;
}


.xf{position:fixed; top:20%; right:20px; width:auto; z-index:998;background-color: #dc0916;}
.xf ul li a{display:block;text-align:center; text-decoration:none; color:#fff; background-color:#dc0916;  padding:0 10px;}
.xf ul li{position:relative;}
.xf ul li:nth-child(4){margin-bottom:0;}
.xf ul li a:hover{background:#dc0916}
.xf ul li a img{padding-bottom:8px;}
.xf ul li p{position:absolute; top:0; left:-200px; width:200px; background:#dc0916; line-height:104px; text-align:center; font-size:24px; color:#FFF; font-weight:bold; display:none;}


/* side */
#floatDivBoxs{width:160px;background:#fff;position:fixed;top:180px;right:0;z-index:99991;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#1174c8;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq p{ color:#000; font-weight:bold; padding-top:8px}
#floatDivBoxs .floatDqq li{height:40px;line-height:40px;font-size:0.875rem;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:0.875rem;color:#333;padding:10px 10px 3px 10px;}
#floatDivBoxs .floatDtel{padding:0 0 0px 10px; line-height:22px; font-size:1.125rem; font-weight:bold; color:#f50017;}
#floatDivBoxs .floatDtel p{ font-size:14px; color:#000;}
#floatDivBoxs .floatDtel img{display:block;}

.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.png) no-repeat;position:fixed;top:180px;right:0px;z-index:99999;}
#rightArrow a{display:block;height:45px;}
.smap{ display:none;}
@media screen and (max-width:768px){
	#floatDivBoxs,#rightArrow{ display:none;}
	.smap{ display:inline-block;}
}